<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>

<style type="text/css">

    .triangle{
        width:0px;
        height:0px;
        border-right:6px solid transparent;
        border-left:6px solid transparent;
        border-bottom:6px solid #0984e3;

    }

    .line{
        border-bottom:2px solid #0984e3;
    }

    .btn_sel5{
        border: 1px solid #d1d1d1;
        border-radius: 3px;
        background: #fff;
       /* -webkit-box-shadow: 0 1px 0 #ccc;
        box-shadow: 0 1px 0 #ccc;*/
        font-size: 14px;
    }

    table{
        border-collapse:separate;
        border-spacing:15px 18px;
    }

    table tr td:last-child {
        text-align: left;
    }

</style>

<body>

<div style="width: 93%;margin-left: 30px;padding-bottom: 20px">

    <div class="row" style="background-color:#ffffff;padding-top: 10px;padding-left: 10px;
        -moz-box-shadow: 0px 1px 2px  #909090;-webkit-box-shadow: 0px 1px 2px  #909090">
        <span style="font-size: 25px; color: #0984e3 ">我的电子发票</span>
        <div class="triangle" style="margin-left: 20px"></div>
        <div class="line"></div>
        <div style="width: 30%; margin-top: 5px">
            <ul class="nav nav-tabs nav-justified">
                <li class="active"><a data-toggle="tab" href="#home">发票夹</a></li>
                <li><a data-toggle="tab" href="#menu1">发票检验</a></li>
            </ul>
        </div>
        <div class="tab-content" style="border: 0px">
            <div id="home" class="tab-pane fade in active" style="height: 400px; text-align: center;border: 0px" >
                <div style="width: 100%; height: 40px; margin-top:10px;padding-top: 5px;background-color: #f1f2f6;">

                    订单号: <input type="text" value="" name="" style="width: 120px">
                    &nbsp;&nbsp;
                    开票日期: <input type="date" value="" name="" >
                    —
                    <input type="date" value="" name="" >
                    &nbsp;&nbsp;
                    产品类别:
                    <select style="height: 26px;">
                        <option name="" value="">机票相关</option>
                        <option name="" value="">全部</option>
                        <option name="" value="">未提交</option>
                    </select>
                    &nbsp;&nbsp;
                    <input class="btn_sel5" type="button" name="" value="查询">
                </div>

                <div style="width: 100%; height: 75%; margin-top:10px;padding-top: 55px;background-color: #f1f2f6;text-align: center">
                    <span>未查到相关电子发票信息</span>
                </div>

            </div>
            <div id="menu1" class="tab-pane fade" style="height: 410px; text-align: center" >

                <div style="margin-left: 200px">
                    <table>
                        <tr>
                            <td>发票代码</td>
                            <td>
                                <input type="text" value="" name="" style="width: 145px">
                            </td>
                        </tr>
                        <tr>
                            <td>发票号码</td>
                            <td>
                                <input type="text" value="" name="" style="width: 145px">
                            </td>
                        </tr>
                        <tr>
                            <td>开票日期</td>
                            <td>
                                <input type="date" value="" name=""  placeholder="请输入开票日期">
                            </td>
                        </tr>
                        <tr>
                            <td>发票金额</td>
                            <td>
                                <input type="text" value="" name="" style="width: 145px">
                            </td>
                        </tr>
                        <tr>
                            <td>验证码</td>
                            <td>
                                <input type="text" value="" name="" style="width: 75px">
                                <img src="../../static/img/user/yanzheng.png" style="width: 80px; height: 28px">
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                <input class="btn_sel5" type="button" value="查询" style="height: 30px;width: 80px; color: white; background-color: #1e90ff" name="">
                            </td>
                        </tr>
                    </table>
                </div>
                <div style="text-align: left;padding-top:40px;padding-left: 10px;font-size: 12px;color: #57606f">
                    温馨提示：<br>
                    1、本系统仅供携程开具的增值税电子发票查验服务，其他发票查验请访问税务局官网。<br>
                    2、消费者有权拒收与国家税务局网站发票信息检验结果不相符的电子发票，可拨打纳税服务热线：12366进行举报。<br>
                </div>

            </div>
        </div>
    </div>

</div>

</body>
</html>